<%@ include file="../taglib.jsp"%>

<div ng-controller="ProductListCtrl">

	<ul class="breadcrumb well">
		<li ng-repeat="result in breadcrumbs"><a href="<spring:message code="domain"/>/home#/list/{{result.id}}">{{result.name}}</a> <span class="divider">/</span></li>
		<li class="active">{{breadcrumb.name}}</li>
	</ul>
	
	<div class="container-fluid" align="center" id="resultArea">
		<div class="row-fluid"
			style="max-width: 1055px !important; margin: 0 auto;">
			<ul class="thumbnails products" style="text-align: center;">
				<li class="span2" ng-repeat="result in results"><a
					href="<spring:message code="domain"/>/#/product/{{result.id}}">
						<img style="height: 140px" ng-src="{{result.imageUrl}}">
				</a>
					<div class="product-meta">
						<h2>
							<a href="<spring:message code="domain"/>/#/product/{{result.id}}">
								{{result.name}} </a>
						</h2>
						<small>There are {{result.storeCount}} stores sale this</small>
						<div class="row-fluid">
							Lowest price: <span class="price">{{result.minPrice}}</span>
						</div>
						<div class="row-fluid">
							<a href="<spring:message code="domain"/>/#/product/{{result.id}}">
								View detail </a>
						</div>
					</div></li>
			</ul>
		</div>
	</div>
</div>